<%@ page pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://www.ld.com/shield/tags" prefix="shield"%>
<%@ page trimDirectiveWhitespaces="true" %>
<!-- 内容主体区域 -->
<div class="contentBody">
	<h2 class="h2Title">在线工具</h2>
<%-- 	<ul class="ul-item-list mt30 ml20">
<c:forEach var="model" items="${list }" varStatus="var">
		<li>
    		<a class="button big" href="${model.url }" target="_blank">${model.title }</a>
    	</li>
</c:forEach>
    </ul> --%>
    
	<table class="tab-show" style="margin-top: 10px;" data-notitle="true">
    	<colgroup>
    		<col width="10%">
    		<col width="">
    	</colgroup>
		<tbody>
<c:forEach var="model" items="${list }" varStatus="var">
		<tr>
			<th><label>${model.type }：</label></th>
			<td>
	<c:forEach var="model" items="${model.models }" varStatus="var">
				<!-- qtips提示，data-title设置标题【非必需】，data-cont设置内容【必需】，data-qtips-class设置样式【非必需】，data-qtips-class=yellow表示取内置的cluetip样式【cluetip样式、有阴影、圆角】，也可以写完整的样式qtip-cluetip qtip-shadow qtip-rounded -->
				<a class="button big qtips" href="${model.url }" target="_blank" style="line-height: 35px;" title="${not empty model.remarks?model.remarks:model.title }" data-title="说明" data-cont="${not empty model.remarks?model.remarks:model.title }" style="cursor: pointer;" data-qtips-class="cluetip" >${model.title }</a>
	</c:forEach>
			</td>
		</tr>
</c:forEach>
    	</tbody>
    </table>
    
</div>